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HTTP Request / Rest API 
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Fetch data Store data | | Update data Delete data 


PUT 


Replace data 
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Patch ini adalah mengupdate data 
Mengupdate data misalkan kita punya data kemudian kita patch yaitu update data 
yg sudah ada 


Kalua 
Put dia menrefresh dia data yg lama menganti data yg baru 


Tidak jauh berbeda antara patch dan put 
Pakai kodingan yg lalu 
Ganti title nya 
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print(response.body); 
} 
inputTitle = T itingController(); 
inputBody = Te tingController(); 
@override 
Widget build( Context context) { 
Scat 
appBar: 
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Ganti button 
Dia hamper sama seperti post 
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X] File Edit Selection Go Run Terminal Help main.dart - http re 
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TextField( 


controller: inputTitle, 


nputBody, 


stton( 


onPressed: postData, 
child: Text( 
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D/EGL_emulat 22 app_time_stats N @7.19ms min=506.94ms max=507.44ms count=2 
Restarted api n 2,638ms 

D/EGL_emulat app_time_stats 

Reloaded 1 raries in 911 

D/EGL_emulat 2 app_time_stats 
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Untuk menganti patch dan put 
Tingal ganti post ke put 
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x] File Edit Selection View Go Run Terminal Help * main.dart - http 
& maindat © 
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void postData() 
String url - 


var response - await http.put(Uri.parse(url), body: ( 
m().nextInt(10).toString(), 
inputTitle.text, 
inputBody.text, 
n; 


print(response.body); 


inputTitle - TextEditingController(); 
inputBody - E ngController( 


7 DEBUG CONSOLE 


D/EGL_emulat 22 app_time vg=507.19ms min=5@6.94ms max-507.44ms 
Restarted ap; n 2,638ms 
D/EGL emulat app time stats: avg=1630.04ms min-448.63ms max=3902 
Reloaded 1 5 ies in 911 
time stats g=161373.55ms mins 55ms max=161373.55ms count=1 
raries in 663ms 


time stats: avg-9387.48ms min-9387.48ms max-9387.48ms count=1 
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Sama seperti dgn post tapi beda nya kita ganti data yg mana 
Buka web 
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Routes 


All HTTP methods are supported. You can use http or https for your reguests. 


GET £posts 

GET [posts/1 

GET Iposts/1/comr 

GET mments?postid-1 
POST /posts 


Yposts 


PATCH /posts/1 


DELETE /posts/1 


Note: see guic r usage examples. 


Use your own data 


With nurenancar M. Land a cimnle GitHuh rene unu ran have unur man faka online REST cerner in cacande 
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Dia akan ganti data yg pertama /1 kalau 2 maka ganti kedua 
Kita ganti id yg satu 
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a â jsonplaceho 
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ler.typicode.com 


userId": 1 

"id": 1, 

"title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", 
"body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet 


1 "qui est esse", 
"est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui 


aperiam non debitis possimus qui neque nisi nulla" 


n 
"userId": 1, 
"id": 3, 
"title": "ea molestias quasi exercitationem repellat qui ipsa sit aut", 
"body": "et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et 
velit aut" 


h 


"userId": 1, 

"id": 4, 

"title": "eum et est occaecati", 

"body": “ullam et saepe reiciendis voluptatem adipisci\nsit amet autem assumenda provident rerum culpa\nquis hic commodi nesciunt rem tenetur doloremque ipsam iure\nquis 


sunt voluptatem rerum illo velit" 


"nesciunt quas odio", 
"body": "repudiandae veniam quaerat sunt sed\nalias aut fugiat sit autem sed estinv 


h 
4 "userId": 1, 
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Berarti dia url /1 


luptatem omnis possimus esse voluptatibus quis\nest aut tenetur dolor neque" 
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& main.dart 
€ vel 
HomePa > extends State«HomePag 
jid postData() asy 
“ing url = 


D 
GG) 


var response await http.put(Uri.parse(url), body: ( 
Random().nextInt(10).toString(), 
inputTitle.text, 
putBody.text, 


rum rerum est autem sunt rem eveniet 


D; 


porro vel nihil molestiae ut reiciendis\nqui 


print(response.body); 


inputTitle xtEditingController(); 


ttur\nmolestiae porro eius odio et labore et 
var inputBody tEditingController(); 


7 DEBL ONSOLE 
Restarted application in 2,638ms 
D/EGL emulat 10223): app time stats: avg-1630.04ms min-448.63ms max=3902.25ms count=3 sciunt rem tenetur doloremque ipsam iure inquis 
Reloaded 1 of 654 libraries in 911ms 
D/EGL emulation(10223): app time stats y 61373.55ms mi 61 Sms max=161373.55ms count=1 
Reloaded 1 of 654 libraries in 663ms 
D/EGL emulation(10223): app time stats: avg=9387.48ms min-9387.48ms 387.48ms count=1 
Reloaded 1 of 654 li es 


D/EG > - a : SEE bus quis\nest aut tenetur dolor neque" 
D/EGL emulation(10223): app s 38ms min=19459.38ms max=19459.38ms count=1 
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Save kemudian ganti sembarang 
Kemudian klik button nya 
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s _HomePa ate extends State«HomePage» ( 
oid postData() async ( 
tring url - 


var response http.put(Uri.par url), body: ( 
().nextInt(10).toString(), 
inputTitle.text, 
inputBody.text, ze 
n; Body PUT 


print(response.body); 


ar inputTitle = TextEditingController(); 
var inputBody - TextEditingController(); 


DEBUG CONSOLE 


flutter 


flutter 


EGL, emulatio app time stats 19.94ms 
EGL emulatio ): app time stats: avg=498.@1ms min=495.5@ms 
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Sudah tampil 


Artinya yg post 1 sudah diganti yg sudah diinput 
Disini tidak terantikan karena databse package tidak bisa diubah 
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"userId": 1, 
"Ian ds 
"title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", 
"body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet 
architecto" 
Ln 


"userId": 1, 
"id": 
"title": "qui est esse", 
"body": "est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis Wnqui 
aperiam non debitis possimus qui neque nisi nulla" 
n 


- "userId": 1, 


"title": "ea molestias quasi exercitationem repellat qui ipsa sit aut", 


"body": "et iusto sed quo iure\nvoluptatem occaecati omnis eligendi aut ad\nvoluptatem doloribus vel accusantium quis pariatur\nmolestiae porro eius odio et labore et 
velit aut" 
h 
“userId”: 1, 
"id": 4, 


"title": "eum et est occaecati", 
"body": "ullam et saepe reiciendis voluptatem adipisci\nsit amet autem assumenda provident rerum culpa\nquis hic commodi nesciunt rem tenetur doloremque ipsam iure inquis 
sunt voluptatem rerum illo velit" 


h 


|i. 


"title": "nesciunt quas odio", 
"body": "repudiandae veniam quaerat sunt sed\nalias aut fugiat sit autem sed est nvoluptatem omnis possimus esse voluptatibus quis nest aut tenetur dolor neque" 


userId": 1, 
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Ini kalau pakai database kita maka sudah terganti 
Kalau ini sudah timbul maka berhasil 

Ini untuk put 

Kalau patch tingal ganti dia sama 


A 5. PUT & PATCH. mp4 - VLC media player - X 
Media Playback Audio Video Subtitle 


Tools View Help 
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maindart X I O > I & * a @ 


postData() 
url = 


response = http.patch( |.parse(ur1), body: { 
().nextInt(10).toString(), 
inputTitle.text, 
inputt 


rum rerum est autem sunt rem eveniet 


porro vel nihil molestiae ut reiciendis inqui 


inputTitle l turinmolestiae porro eius odio et labore et 
inputBody = 


DEBUG CONSOLE 


sciunt rem tenetur doloremque ipsam iure\nquis 


bus quis nest aut tenetur dolor neque" 
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Lalu hapus klik kemari kalau dia timbul berhasil menganti 
Kalau pakai petch dia mengupdate data 
Kalau put mengulang data 


Kalu menganti sama seperti post tapi spesifik dia memakai data yg mana mau di 
ubah 


myApp > StatelessWidget { 
r o(4Key? key?) : (key: key): 


@override 
Widget build(BuildContext context) 4 
MaterialApp( 
home: homePage(), 
); 
} 
} 


homePage StatefulWidget { 
r ({Key? key}) : (key: key); 


@override 
State<homePage> creat 


} 


_homePageState State<homePage> { 
postData() { 


String url = 


response = http.patch(Uri.parse(url), body: { 
: Random().nextint(10).toString(), 
: inputTitle.text, 
: inputBody.text, 
3 


rint(response.body); 


} 


inputTitle = TextEditingController(); 
inputBody = TextEditingController(); 


@override 
Widget J(BuildContext context) { 
Scaffold( 
appBar: AppBar( 
title: Text( 
Ve 
body: Center( 
child: Padding( 
padding: Edgelnsets.all(20.0), 
child: Column( 
mainAxisAlignment: MainAxisAlignment.center, 
children: [ 
TextField( 
controller: inputTitle, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
labelText: ; 
h 
Jp 
SizedBox( 
height: 20, 


Ne 

TextField( 

controller: inputBody, 
decoration: InputDecoration( 
border: OutlinelnputBorder(), 
labelText ; 

), 

); 

SizedBox( 
height: 20, 


b 
ElevatedButton( 


onPressed: postData, 
child: Text( ), 


